﻿<html xmlns="http://www.w3.org/1999/xhtml" class="ui-mobile landscape min-width-320px min-width-480px min-width-768px min-width-1024px">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <meta name="viewport" content="width=device-width">
    <title>EzDesk</title>
    <link href="../css/jquery.mobile-1.0b2.css" rel="stylesheet" type="text/css">
    <link href="../css/scrollbar.css" rel="stylesheet" type="text/css">
    <link href="../css/ui.button.css" rel="stylesheet" type="text/css">
    <link href="../css/site.css" rel="stylesheet" type="text/css">
    
    <script src="../js/lib/sea.js" data-main="../js/index.js"></script>
</head>
<body class="ui-mobile-viewport">
    <!--<div id="container" style="display: none;">
    </div>-->
    <div id="login-page" data-role="page">
    </div>
    <div id="message-page" data-role="page">
    </div>
    <div id="workitem-page" data-role="page">
    </div>
    <div id="feed-page" data-role="page" class="_page">
    </div>
    <div id="contact-page" data-role="page" class="_page">
    </div>
    <div id="project-page" data-role="page" class="_page">
    </div>
</body>
</html>
<script type="text/template" id="login-container">
<div data-role="content">
    <div style="text-align: center;">
        <img src="../images/login_logo.png" />
    </div>
    <div data-role="fieldcontain">
        <label for="name">
            用户名</label>
        <input type="text" name="name" id="name" value=""></br>
        <label for="name">
            密码</label>
        <input type="password" name="password" id="password" value=""></br>
        <input type="button" id="btn-signin" value="进入" data-theme="b" />
    </div>
</div>
</script>
<script type="text/template" id="message-container">
<div data-role="header" data-theme="a">
    <div class="head-button" style="left: 10px;">
        <a class="btn-back"><span id="text">后退</span></a>
    </div>
    <div class="img-button">
        <span class="command button green medium action-button">发出</span>
    </div>
    <h1>
        发送信件</h1>
</div>
<div id="message" data-role="content" role="main" data-theme="c">
    <div data-role="fieldcontain" class="div-receiver">
        <label for="name" class="lbl-choose">
            收件人:
            <div class="div-add">
                <a class="btn-add" data-role="button" data-icon="plus" data-iconpos="notext"></a>
            </div>
            <div id="messageReceiver"></div>
    </div>
    <div data-role="fieldcontain">
        <label for="name">
            标题:</label>
        <input type="text" name="name" id="txt-title" value="" />
    </div>
    <div data-role="fieldcontain">
        <label for="name">
        </label>
        <textarea cols="40" rows="20" name="textarea" id="txt-content"></textarea>
    </div>
</div>
</script>
<script type="text/template" id="feed-container"> 
    <div  data-role="header" data-theme="a" class="top-panel ui-bar-f ui-header ui-bar-a" role="banner">
        <div tabindex="0" role="heading" aria-level="1">
            <span class="header-title">Ezdesk</span>
            <div class="head-button" style="left: 10px;">
            </div>
            <div class="img-button">
                <img src="../images/refresh_green.png" class="right-button" style="width: 32px; height: 32px;" />
            </div>
        </div>
    </div>
    <div class="nav-panel">
        <div class="tab-title">
            消息
        </div>
         <div id="left-nav" style="top: 0px; left: 5px; position: absolute;">
            &lt;=<span id="left-nav-content" class="nav-text">联系人</span>
        </div>
        <div id="right-nav" style="top: 0px; right: 5px; position: absolute;">
            <span id="right-nav-content" class="nav-text">项目</span>=&gt;
        </div>
    </div>
    <div class="content-panel">
        <div data-role="content" class="feeds ui-content tab-content ui-body-c" role="main">
            <div class="content-primary">
            </div>
        </div>
    </div>
</script>
<script type="text/template" id="contact-container"> 
    <div  data-role="header" data-theme="a" class="top-panel ui-bar-f ui-header ui-bar-a" role="banner">
        <div tabindex="0" role="heading" aria-level="1">
            <span class="header-title">Ezdesk</span>
            <div class="head-button" style="left: 10px;">
            </div>
            <div class="img-button">
                <img src="../images/pencil.png" class="right-button" style="width: 32px; height: 32px;" />
                <span class="command button green medium action-button" style="display:none;" >完成</span>
            </div>
        </div>
    </div>
   
    <div class="nav-panel">
        <div class="tab-title">
            联系人
        </div>
         <div id="left-nav" style="top: 0px; left: 5px; position: absolute;display:none;">
            &lt;=<span id="left-nav-content" class="nav-text"></span>
        </div>
        <div id="right-nav" style="top: 0px; right: 5px; position: absolute;">
            <span id="right-nav-content" class="nav-text">消息</span>=&gt;
        </div>
    </div>
     <div>
	    <div data-role="navbar">
		    <ul>
			    <li><a class="ui-btn-active btn-person">同事</a></li>
			    <li><a class="btn-group">分组</a></li>
		    </ul>
	    </div><!-- /navbar -->
    </div>
    <div class="content-panel">
        <div data-role="content" class="contacts ui-content tab-content ui-body-c" role="main">
            <div class="content-primary-person">
            </div>
            <div class="content-primary-group" style="display:none;">
            </div>
        </div>
    </div>

    <!-- /content -->
    <!-- /footer -->
</script>
<script type="text/template" id="project-container"> 
    <div  data-role="header" data-theme="a" class="top-panel ui-bar-f ui-header ui-bar-a" role="banner">
        <div tabindex="0" role="heading" aria-level="1">
            <span class="header-title">Ezdesk</span>
            <div class="head-button" style="left: 10px;">
            </div>
            <div class="img-button">
                <img src="../images/add.png" id="btn-add-project" class="right-button" style="width: 32px; height: 32px;" />
            </div>
        </div>
    </div>
    <div class="nav-panel">
        <div class="tab-title">
            项目
        </div>
         <div id="left-nav" style="top: 0px; left: 5px; position: absolute;">
            &lt;=<span id="left-nav-content" class="nav-text">消息</span>
        </div>
        <div id="right-nav" style="top: 0px; right: 5px; position: absolute;display:none;">
            <span id="right-nav-content" class="nav-text"></span>=&gt;
        </div>
    </div>
    <div class="content-panel">
        <div data-role="content" class="projects ui-content tab-content ui-body-c" role="main">
            <div class="content-primary">
            </div>
        </div>
    </div>
</script>
<script type="text/template" id="workitem-container">
<div data-role="header" data-theme="a" class="ui-bar-f ui-header" role="banner">
    <div class="head-button" style="left: 10px;">
        <a class="btn-back"><span id="text">后退</span></a>
    </div>
    <div class="img-button">
        <img src="../images/add.png" class="right-button" style="width: 32px; height: 32px;" />
    </div>
    <h1>
        项目详细</h1>
</div>
<div id="project-info" data-role="content" role="main" data-theme="c">
    <h3 id="txt-project-title">
        <%= Name%></h3>
    <div id="txt-project-description"  data-theme="c">
        <%= Explanation%>
    </div>
    <div class="content-primary">
    </div>
</div>   
</script>
<script type="text/template" id="li_update"> 
    <div class="ui-btn-inner ui-li">
        <div class="ui-btn-text">
            <div class="ui-link-inherit">
                <div class="ui-li-aside ui-li-desc ">
                    <strong><%= CreateOnNiceTime%></strong></div>
                <h3 class="ui-li-heading title"><%= Title %></h3>
                <div class="ui-li-desc body"><%= Body %></div>
                <div class="action-container">
                    <div class="action-r">
                    </div>
                </div>
            </div>
        </div>
    </div>
</script>
<script type="text/template" id="li_notification"> 
    <div class="ui-btn-inner ui-li">
        <div class="ui-btn-text">
            <div class="ui-link-inherit">
                <div class="ui-li-aside ui-li-desc">
                    <strong><%= NiceTime%></strong></div>
                <h3 class="ui-li-heading  title"><%= Title %></h3>
                <div class="ui-li-desc body"><%= Body %></div>
                <div class="action-container">
                    <div class="action-r">
                    </div>
                </div>
            </div>
        </div>
    </div>
</script>
<script type="text/template" id="li_date"> 
   <%= FullDateAndDay %>
</script>
<script type="text/template" id="div_contact"> 
<div class="ui-btn-inner ui-li ui-li-has-alt">
    <div class="ui-btn-text">
        <a class="ui-link-inherit">
            <img src="<%= Icon%>"  style="width：64px; height:64px;"class="ui-li-thumb">
            <h3 class="ui-li-heading">
                <%= Name%></h3>
            <p class="ui-li-desc">
                <%= Dept.DeptName%></p>
        </a>
    </div>
    <span class="ui-icon ui-icon-check ui-icon-shadow">
    </span>
    </span>
</div>
</script>
<script type="text/template" id="div_group"> 
<div class="ui-btn-inner ui-li ui-li-has-alt">
    <div class="ui-btn-text">
        <a class="ui-link-inherit">
            <img src="<%= Icon%>" style="width：64px; height:64px;" class="ui-li-thumb">
            <h3 class="ui-li-heading">
                <%= Description%></h3>
            <p class="ui-li-desc">
            </p>
        </a>
    </div>
    <span class="ui-icon ui-icon-check ui-icon-shadow">
    </span>
    </span>
</div>
</script>
<script type="text/template" id="div_project"> 

<div class="ui-btn-inner ui-li div-project">
    <div class="div-workitem">
        <div class="txt-workitem-unfinished">
        </div>
        <div class="txt-workitem-expired">
        </div>
        <div class="txt-workitem-finished" >
        </div>
    </div>
    <div class="ui-btn-text">
        <div class="ui-li-aside ui-li-desc txt-diff">
            <strong> <%= ProjectDiff %></strong></div>
        <a class="ui-link-inherit projecInfo">
            <h3 class="ui-li-heading">
                <%= Name %></h3>
            <p class="ui-li-desc">
                <%= Explanation %></p>
        </a>
    </div>
</div>
</script>
<script type="text/template" id="div_workitem"> 
    <div class="ui-btn-inner ui-li">
        <div class="ui-btn-text">
            <a class="ui-link-inherit ezlink"><%= Title%><span style="font-size: 12px; color: #666;"> <%= OwnerNameAndPlanOn%> </span></a></div>
        <span class="clear-shadow" style="position: absolute; top: 50%; margin-top: -9px;
            right: 10px;"><span class="txt-planOn"></span>&nbsp;
            <span class="command button  <%= CommandClass%> medium"><%= CommandText%></span>
            <span class="img-ajax" style="display: none;">
                <img src="../images/ajax_loader.gif" style="width: 16px; height: 16px;">
            </span>
        </span>
    </div>
</script>
